<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>书籍管理系统</title>
    <style>
        table {
            border-collapse: collapse; /* 合并相邻单元格的边框 */
            width: 100%; /* 设置表格宽度 */
        }
        th, td {
            border: 1px solid black; /* 为表头和单元格设置边框 */
            padding: 8px; /* 设置单元格内边距 */
            text-align: left; /* 设置文本对齐方式 */
        }
    </style>
</head>
<body>
    <h1>手动添加</h1>
    <img src="../static/a4.jpg" style="width:100%; height: 460px;">
    <table>
        <thead>
            <tr>
                <th>书名title</th>
                <th>作者author</th>
                <th>价格pirce</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <form method="post"> 
            <tr style="border: 1px solid black; border-collapse: collapse;">
                <td><input type="text" name="title"></td>
                <td><input type="text" name="author"></td>
                <td><input type="text" name="price"></td>
                <td>
                    <button type='submit'>提交</button>
                    <span>&nbsp</span>
                    
                    <a href="/index">
                        <button>取消</button>
                    </a>
                    
                </td>
            </tr>
            </form>  
        </tbody>
    </table>
    <div style="color: blueviolet;">{{error}}</div>
    <h1>excel批量导入</h1>
    <form action="/upload" method="post" enctype="multipart/form-data">
        <label for="fileUpload">选择文件:</label>
        <input type="file" id="fileUpload" name="fileUpload">
        <input type="submit" value="上传">
      </form>      
</body>
</html>